<!--
 * @Description: 全局loading组件
 * @Version: 2.0
 * @Autor: lhl
 * @Date: 2021-05-04 22:19:52
 * @LastEditors: lhl
 * @LastEditTime: 2021-06-13 18:10:21
-->

<template>
  <div class="loading-wrap">
    <van-loading type="spinner" color="#1989fa" />
  </div>
</template>
<script lang="ts">
  import { defineComponent } from 'vue'
  export default defineComponent({
    name: 'Loading',
    setup() {
      return {}
    }
  })
</script>
<style lang="less" scoped>
  .loading-wrap {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    .van-loading {
      display: flex;
      height: 100%;
      justify-content: center;
      align-items: center;
    }
  }
</style>
